<div class="el-scrollbar el-cascader-menu"  >
    <div class="el-cascader-menu__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default" [@dropAnimation]="root.menuVisible">
        <ul class="el-scrollbar__view el-cascader-menu__list" >
            <li *ngFor="let listItem of nodes; let i = index" class="el-cascader-menu__item el-cascader-node"
                    [class.el-cascader-menu__item--extensible]="listItem.children" [class.is-active]="listItem.active"
                    [class.is-disabled]="listItem.disabled" [class.in-active-path]="listItem.disabled"
                    [class.in-checked-path]="listItem.disabled" [class.is-selectable]="listItem.checkStrictly"
                    (click)="root.selectHandle($event, index, i)">
                    <span class="el-cascader-node__label">
                        {{listItem.label}}
                    </span>
                    <i  class="el-icon-arrow-right el-cascader-node__postfix"></i>
                </li>
        </ul>
    </div>
    <div class="el-scrollbar__bar is-horizontal">
        <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
    </div>
    <div class="el-scrollbar__bar is-vertical">
        <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
    </div>
</div>